
<template functional>
  <a-sub-menu>
    <span slot="title">
      <a-icon :type="props.menuInfo.iconType" /><span>{{ props.menuInfo.meta.title }}</span>
    </span>
    <template v-for="item in props.menuInfo.children">
      <a-menu-item
        v-if="!item.children"
        :key="item.path"
      >
        <a-icon :type="item.iconType" />
        <router-link :to="item.path">{{ item.meta.title }}</router-link>
      </a-menu-item>
      <sub-menu
        v-else
        :key="item.path"
        :menu-info="item"
      />
    </template>
  </a-sub-menu>
</template>
<script>
export default {
	props: ['menuInfo'],
	mounted: function() {
		
	},
	methods:{
		
	}
};
</script>


